<template>
  <div>
    <h3>我是登录页</h3>
    <!-- 声明式导航 动态路由传参 -->
    <router-link to="/user">跳转到007用户</router-link>

    <button @click="goArticle">去文章页</button>
    <button @click="goList">去列表页</button>
  </div>
</template>

<script>
export default {
    name:'LoginIndex',
    methods:{
        // login页跳转到文章页，传参
        goArticle(){
            // this.$router.push('/article')
            this.$router.push({
                // 用path路径跳转
                path:'/article',
                query:{
                    desc:'好吃的',
                    city:'成都',
                    type:'火锅'
                },
                // path形式跳转，params会被忽略
                params:{
                    test:1234
                }
            })
        },
        // 用name路由名的写法跳转传参，
        goList(){
            // 路由名字方式跳转，需要配置名字
            this.$router.push({
                name:'List',
                // query形式的传参，会展示到url地址上
                query:{
                    demo:666
                },
                // 不会展示到url上
                params:{
                    test:1234
                }
            })
        }
    }
}
</script>

<style>

</style>